iT邦幫忙

2024 iThome 鐵人賽

DAY 23
0
Modern Web

關於寫react 那二三事系列 第 23

Day 23 Primereact 的 Dailog

  • 分享至 

  • xImage
  •  

今天趕快弄一篇出來,
另一半問啥時要約朋友們來家裡吃酸菜魚,
我嘴賤說了 你OK 我OK
然後心裡想著...反正今天要回宜蘭,
反正今天要跑書田寄掛號,賭你不會說今天

:那就今天吧

好...算你狠,但既然說出口了...
也是要說到做到的

不然又被說
女人都這樣 又善變又花言巧語

反正今天不能放到下班寫,下班要煮酸菜魚備料

至於公司的專案?
反正都超過死線了,
之前就問過能不能延? 這時間絕對不可能完成...
得到是一個果決的...不能

我就問哪個天才PM會一直壓把前端開發時程跟後端一起結束的,
除非那位前端很棒、很強,後端也很棒完全照規格書來,
那當然不用連調就可以上版
(蛤?你問說當初怎麼沒反應?)
連專案會議只被拉過去一次(還是UI在解說),
為甚麼是UI講?我也滿頭問號

(我才到4個月,這種畫面我也是第一看到過,
這種事難到是不SA跳出來主持的嗎)

沒錯4個月的我...不熟悉環境架構,
不熟悉合作模式,一個人做前端的部分

開會的時候我還認真的解說為什麼需要加限制,
關於程式邏輯怎樣怎樣

我後來才知道,我居然跟一個UI講邏輯
我覺得UI一定心裡想的事,哩西列公三小
(真的很抱歉,人太多我記不住)

是的,時程是上頭決定好丟給我的,
我只負責接收,我開發的時程(api串三個禮拜,我覺得很足夠阿)
但我根本完全忽略=>了解一下後端開發的時程,
等到我能串到一隻api,工期只剩2個禮拜
工期只剩下1個禮拜時後,我只串到2隻api
但我知道總共有5-6隻api,這不是擺明就是會開天窗的節奏嗎??!!!

我不是很喜歡超過死線就超過的感覺,
完全不符合我以往工作態度
(也許我應該試著接受這種不準時文化)

(蛤? 你問我在等api時後在做啥?
嗑文件阿,反正到現在我還是看不懂,
可能沒有規範還怎樣,總之就是一個...絕)
如果看懂了,就做做程式註解
順便把串好api 程式碼優化一下

如今...後端給的東西還是錯的,
有些 api 還是 not found

因此...let it be 是可以的吧?

總之,今天的我可是不加班的(青木語調)

draggable 提示框可不可拖曳,預設開
modal 需不需要遮罩,預設開
resizable 提示框能不能拉伸,預設開(但我個人會關掉,畢竟功能開越多客戶越麻煩)
rtl 這...應該是給阿拉伯語系用的吧...?就之前的工作有多國語系,阿拉伯語系顯示起來真的最麻煩

import React, { useState } from "react";
import { Button } from 'primereact/button';
import { Dialog } from 'primereact/dialog';

const DailogCompnent:React.FC = ()=> {
    const [visible, setVisible] = useState<boolean>(false);
    const footerContent = (
        <div>
            <Button label="No" icon="pi pi-times" onClick={() => setVisible(false)} className="p-button-text" />
            <Button label="Yes" icon="pi pi-check" onClick={() => setVisible(false)} autoFocus />
        </div>
    );

    return (
        <div className="cardjustify-content-center">
            <Button label="Show" icon="pi pi-external-link" onClick={() => setVisible(true)} />
            <Dialog header="標題" visible={visible} style={{ width: '50vw' }} onHide={() => {if (!visible) return; setVisible(false); }} footer={footerContent}>
                <p>
                      這是內容
                </p>
            </Dialog>
        </div>
    )
}

export default DailogCompnent;

那麼 明天見


上一篇
Day22 Primereact 的Message
下一篇
Day 24 PrimeReact 的 Steps
系列文
關於寫react 那二三事30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言